<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>${constants.getSystemName()}</title>
    <link rel="stylesheet" href="${ctxPath}/assets/common/libs/layui/css/layui.css?v=${constants.getReleaseVersion()}"/>
    <link rel="stylesheet" href="${ctxPath}/assets/common/module/admin.css?v=${constants.getReleaseVersion()}"/>
    <link rel="stylesheet" href="${ctxPath}/assets/expand/css/style.css?v=${constants.getReleaseVersion()}" media="all"/>

    <style>
        /** 卡片轮播图样式 */
        .admin-carousel .layui-carousel-ind {
            position: absolute;
            top: -41px;
            text-align: right;
        }

        .admin-carousel .layui-carousel-ind ul {
            background: 0 0;
        }

        .admin-carousel .layui-carousel-ind li {
            background-color: #e2e2e2;
        }

        .admin-carousel .layui-carousel-ind li.layui-this {
            background-color: #999;
        }

        /** 广告位轮播图 */
        .admin-news .layui-carousel-ind {
            height: 45px;
        }

        .admin-news a {
            display: block;
            line-height: 60px;
            text-align: center;
        }

    </style>
</head>

<body>

<!-- 加载动画，移除位置在common.js中 -->
<div class="page-loading">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>

<!-- 正文开始 -->
<div class="layui-fluid">


    <div class="layui-row layui-col-space15">
        <div class="layui-col-lg8 layui-col-md7">
            <div class="layui-card">
                <div class="layui-card-header">生成验证码</div>
                <div class="layui-card-body">
                       <form id="egFormForm" lay-filter="egFormForm" class="layui-form model-form" style="max-width: 700px;margin: 40px auto;">
			                <input name="formId" type="hidden"/>
			                <div class="layui-form-item">
			                    <label class="layui-form-label">验证码长度<span style="color: red;">*</span></label>
			                    <div class="layui-input-block">
			                        <input id="vcLen" name="vcLen" placeholder="请输入验证码长度 最大值8" type="text" class="layui-input" lay-verify="required" required autocomplete="off"/>
			                    </div>
			                </div>
			                <div class="layui-form-item">
			                    <label class="layui-form-label">验证码个数<span style="color: red;">*</span></label>
			                    <div class="layui-input-block">
			                        <input id="vcNum" name="vcNum" placeholder="请输入验证码个数 最大值1000" type="text" class="layui-input" lay-verify="required" required autocomplete="off"/>
			                    </div>
			                </div>
			                <div class="layui-form-item">
			                    <div class="layui-input-block">
			                        <button class="layui-btn" lay-filter="btnGenVcCode" lay-submit>&emsp;生成&emsp;</button>
			                    </div>
			                </div>
			            </form>
                </div>
            </div>
        </div>
        <div class="layui-col-lg4 layui-col-md5">
        	<!-- 
            <div class="layui-card">
                <div class="layui-card-header">项目介绍</div>
                <div class="layui-card-body">
                </div>
            </div>

            <div class="layui-card">
                <div class="layui-card-header">前端框架</div>
                <div class="layui-card-body">
                   
                </div>
            </div>

            <div class="layui-card">
                <div class="layui-card-header">后台框架</div>
                <div class="layui-card-body">
                   
                </div>
            </div>

            <div class="layui-card">
                <div class="layui-card-header">开源荣誉</div>
                <div class="layui-card-body">
                    <div class="layui-carousel admin-carousel admin-news">
                        <div carousel-item>
                            
                        </div>
                    </div>
                </div>
            </div>
             -->
        </div>
    </div>
</div>

<!-- js部分 -->
@/* 加入contextPath属性和session超时的配置 */
<script type="text/javascript">
    var Feng = {
        ctxPath: "${ctxPath}",
        version: '${constants.getReleaseVersion()}'
    };
</script>

<script type="text/javascript" src="${ctxPath}/assets/common/libs/layui/layui.js?v=${constants.getReleaseVersion()}"></script>
<script type="text/javascript" src="${ctxPath}/assets/common/js/common.js?v=${constants.getReleaseVersion()}"></script>
<script type="text/javascript" src="${ctxPath}/assets/demos/console.js?v=${constants.getReleaseVersion()}"></script>


</body>

</html>